<template>
	<!-- //微信小程序 ：style="[]" 要用数组的形式 -->
	<view class="custom-page-defalut">
		<view class="flex-column">
			<!-- //导航菜单栏 -->
			<scroll-view class="custom-nav" :scroll-x="true" :scroll-with-animation="true"
				:scroll-left="CustomNavSet.scrollLeft">
				<view class="custom-nav-item" @tap="ChangeNav(idx)" :class="{active:idx==CustomNavSet.active}"
					:key="idx" v-for="(i,idx) in CustomNavSet.items">
					{{i.text}}
				</view>
			</scroll-view>
			<!-- 内容区域 -->

		</view>

	</view>
</template>

<script>
	import customNav from '@/library/mixins/customNav.js';
	export default {
		mixins: [customNav],
		data() {
			return {

			}
		},
		onLoad() {
			if (this.CustomNavSet) {
				if (this.CustomNavSet.items) {
					// type 0全部，1我的待办，2我的已办。
					this.CustomNavSet.items = [
						{
							text: '全部',
							type: 0
						},
						{
							text: '待审批',
							type: 1
						},
						{
							text: '已审批',
							type: 2
						}
					];
				}
			}
		},
		onShow() {
			// this.InitHazardNav();
			this.InitCustomNav('.custom-nav-item'); //配置tab导航啦
		},
		methods: {
			ChangeNav(index) {
				this.ChangeCustomNav(index); //mixin混入
				// 在这里请求接口 展示右侧商品数据
				if (this.CustomNavSet) {
					if (this.CustomNavSet.items) {
						// type 0全部，1我的待办，2我的已办。
						this.requestParams.currentPage = 1;
						this.requestParams.filter.mark =this.CustomNavSet.items[index].type;
						 this.GetList();
					}
				}
				
			},
		}
	}
</script>

<style scoped>
	@import url('@/styles/layout/nav.css');
</style>